<script setup>
import { ElMessage } from "element-plus";

const toast = () => {
    ElMessage.success("Hello");
};
const toast2 = () => {
    ElMessage.error("error");
};
const toast3 = () => {
    ElMessage.warning("warning");
};
const toast4 = () => {
    ElMessage.info("info");
};
</script>
<template>
    <el-button size="large" @click="toast">Success Message</el-button>
    <el-button size="large" @click="toast2"> Err Message</el-button>
    <el-button size="large" @click="toast3"> Warn Message</el-button>
    <el-button size="large" @click="toast4"> Info Message</el-button>
</template>

<style setup lang="less"></style>
